<!DOCTYPE html>
<html xmlns:v-on="http://www.w3.org/1999/xhtml">

<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" href="../img/favicon.png"/>
    <link rel="stylesheet" href="../css/bootstrap.min.css"/>
    <link rel="stylesheet" href="../css/style.css">
    <link rel="stylesheet" href="../css/font-awesome.min.css"/>
    <link rel="stylesheet" href="../css/responsive.css">
    <link rel="stylesheet" type="text/css" href="../css/shop.css"/>
    <link rel="stylesheet" type="text/css" href="../css/slider.css"/>
    <script src="../js/vue.js"></script>
    <script src="../js/vue-resource.js"></script>
    <title>电商-首页</title>

</head>

<body><div id="app">
    <!--页眉开始-->
    <header class="buddy-header">
        <div class="top-bar">
            <div class="container">
                <div class="row">
                    <div class="col-md-6 col-sm-6 col-xs-12">
                        <ul class="n-menu">
                            <li>
                                <a href="#"><i class="fa fa-usd"></i>货币</a>
                            </li>
                            <li>
                                <a href="#" title=""><img src="../img/China-Flag.png" alt=""/>中文</a>
                            </li>
                        </ul>
                    </div>
                    <div class="col-md-6 col-sm-6 col-xs-12 text-center">
                        <ul class="tp-right n-menu" v-show="!loginStatus">
                            <li class="first">
                                <a href="/login"><i class="fa fa-sign-in"></i>登录</a>
                            </li>
                            <li>|</li>
                            <li>
                                <a href="/register"><i class="fa fa-sign-in"></i>注册</a>
                            </li>
                        </ul>
                        <ul class="tp-right n-menu" v-show="loginStatus">
                            <li class="first">
                                <a href="javascript:void(0)"><i class="fa fa-user"></i>{{userName}}</a>
                            </li>
                            <li>|</li>
                            <li class="first" v-show="roleStatus">
                                <a href="/userProject"><i class="fa fa-user"></i>我的项目</a>
                            </li>
                            <li class="first" v-show="!roleStatus">
                                <a href="/myProject"><i class="fa fa-user"></i>我的项目</a>
                            </li>
                            <li v-show="roleStatus">|</li>
                            <li class="first" v-show="roleStatus">
                                <a href="/myTeam"><i class="fa fa-user"></i>我的团队</a>
                            </li>
                            <li>|</li>
                            <li>
                                <a href="/login"><i class="fa fa-sign-in"></i>注销</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

        <div class="logo-menu-sec">
            <div class="container">
                <div class="row">
                    <div class="logo-sec">
                        <div class="col-md-3 col-lg-3 col-sm-4 col-xs-12">
                            <div class="logo">
                                <a href="index.html" title=""><img src="../img/logo.png" alt=""/></a>
                            </div>
                        </div>
                        <div class="col-md-6 col-lg-5 col-sm-4 hidden-xs">
                            <ul class="quick-prom">
                                <li><i class="fa fa-phone"></i> <span>咨询方式 : 17826807543</span></li>
                                <li class="hidden-sm"><i class="fa fa-envelope-o"></i><span><a
                                        href="#">mail@example.com</a></span></li>
                            </ul>
                        </div>
                        <div class="col-md-3 col-lg-4 col-sm-4 col-xs-12">
                            <div class="product-filter-form">
                                <form>
                                    <input type="text" id="search" placeholder="人才搜索" v-model="search"/>
                                    <a type="button" :href="serachRes"><i class="fa fa-search"></i></a>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="main-menu-area">
            <div class="container">
                <div class="row">
                    <div class="col-md-10 col-sm-9 col-xs-12">
                        <nav class="main-menu">
                            <ul>
                                <li class="active">
                                    <a href="/"> <i class="fa fa-home"></i>主页</a>
                                </li>
                                <li>
                                    <a href="/serachRes/null">寻找人才</a>

                                </li>
                                <li>
                                    <a href="/projectList">根据类型找项目</a>
                                </li>
                                <li>
                                    <a href="javascript:;">关于我们</a>
                                </li>
                                <li>
                                    <a href="../shoplist.html">热门商店</a>
                                </li>
                                <li>
                                    <a href="/connect">联系我们</a>
                                </li>
                                <li>
                                    <a href="javascript:;">博客日志</a>
                                </li>
                                <li class="mega-parent">
                                    <a href="https://www.zbj.com/?pmcode=116578316&utm_source=bdpz&utm_medium=SEM">相关网站</a>

                                </li>
                            </ul>

                        </nav>

                        <div class="mobile-menu-area">
                            <nav id="mobile-menu">
                                <ul>
                                    <li>
                                        <a href="index.html">主页</a>
                                    </li>
                                    <li>
                                        <a href="../shoplist.html">热卖商品</a>
                                        <ul>
                                            <li>
                                                <a href="../shoplist.html">衬衫</a>
                                            </li>
                                            <li>
                                                <a href="../shoplist.html">裤</a>
                                            </li>
                                            <li>
                                                <a href="../shoplist.html">西装外套</a>
                                            </li>
                                            <li>
                                                <a href="../shoplist.html">鞋</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="../shoplist.html">购物街</a>
                                        <ul>
                                            <li class="#">
                                                <a href="../shoplist.html">牛仔裤</a>
                                            </li>
                                            <li class="#">
                                                <a href="../shoplist.html">衬衣</a>
                                            </li>
                                            <li class="#">
                                                <a href="../shoplist.html">裤子</a>
                                            </li>
                                            <li class="#">
                                                <a href="../shoplist.html">配饰</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="javascript:;">关于我们</a>
                                    </li>
                                    <li>
                                        <a href="../shoplist.html">热门商店</a>
                                    </li>
                                    <li>
                                        <a href="/connect">联系我们</a>
                                    </li>
                                    <li>
                                        <a href="../shoplist.html">产品详情</a>
                                    </li>
                                    <li>
                                        <a href="javascript:;">博客日志</a>
                                    </li>
                                    <li>
                                        <a href="https://www.zbj.com/?pmcode=116578316&utm_source=bdpz&utm_medium=SEM">相关网站</a>
                                        <ul>
                                            <li class="#">
                                                <a href="javascript:;">关于我们</a>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </nav>
                        </div>

                    </div>

                    <div class="col-md-2 col-sm-3 hidden-xs">
                        <div class="cart-wishlist">
                            <ul>
                                <li>
                                    <a href="javascript:;">
                                        <div class="wishlist">
                                            <div class="wish-list-inner">
                                                <i class="fa fa-heart"></i>
                                            </div>
                                        </div>
                                    </a>
                                </li>

                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <!--页眉结束-->
    <!--广告轮播图开始-->
    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel" style="background: #1EC5AB">
        <!-- Indicators -->
        <ol class="carousel-indicators">
            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
        </ol>

        <!-- Wrapper for slides -->
        <div class="carousel-inner" role="listbox">
            <div class="item active">
                <a href="http://www.iliangcang.com/i/topicapp/201703161323">
                    <img src="../img/977.png" alt="...">
                </a>
                <div class="carousel-caption">

                </div>
            </div>

        </div>

        <!-- Controls -->
        <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
    <!--广告轮播图结束-->

    <!--特色产品开始-->
    <section class="special" style="background: #1EC5AB;height: 450px">
        <div class="row">
            <div class="upcoming-curosel">
                <div class="upcoming-single">
                    <!--<div class="col-md-4 col-sm-6 col-xs-12">-->
                    <!--<div class="upcoming-img">-->
                    <!--<div class="item-product">-->
                    <!--<div class="item-product-thumb item-thumb-product">-->
                    <!--<a href="#"><img src="../img/s01.jpg" alt="" /></a>-->
                    <!--</div>-->

                    <!--</div>-->
                    <!--</div>-->
                    <!--</div>-->
                    <div class="col-md-offset-3 col-md-5 col-sm-6 col-xs-12">
                        <div class="uc-table">
                            <div class="uc-table-cell">
                                <div class="upcoming-content">
                                    <h1 style="margin-bottom: 30px"><a href="#">什么是校园威客平台?</a></h1>
                                    <p>
                                        威客校园是一个为了让学生之间建立交往、互利互助的威客平台，以个人自身智慧、知识、能力、经验来实现个人价值；同时通过人与人的互相接触，形成广泛的校园交友圈，丰富学生的校园生活与学生的兼职生活。赶快点击以下按钮创建属于自己的团队吧。
                                    </p>
                                    <p>Weike campus is a wiki platform for students to establish communication and mutual benefit, and realize personal value with their own wisdom, knowledge, ability and experience. At the same time, through the mutual contact with each other, a wide range of campus circle is formed, enriching students' campus life and students' part-time life.Click the button below to create your own team.</p>
                                    <div class="timer">
                                    </div>
                                    <div class="timer">
                                    </div>
                                    <div class="prodcut-social-share">
                                        <ul>
                                            <li>
                                                <a class="prest" href="/myTeam"><i
                                                        class="fa fa-pinterest-p"></i>创建团队</a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>



    <div class="upcoming-product-area pt55 pb55 mt55">
        <div class="container">
            <div class="section-title text-center pb30">
                <h1>商家发布项目快速通道</h1>
                <span></span>
            </div>
            <div class="row">
                <div class="upcoming-curosel">
                    <div class="upcoming-single">
                        <!--<div class="col-md-4 col-sm-6 col-xs-12">-->
                        <!--<div class="upcoming-img">-->
                        <!--<div class="item-product">-->
                        <!--<div class="item-product-thumb item-thumb-product">-->
                        <!--<a href="#"><img src="../img/s01.jpg" alt="" /></a>-->
                        <!--</div>-->

                        <!--</div>-->
                        <!--</div>-->
                        <!--</div>-->
                        <div class="col-md-offset-1 col-md-8 col-sm-6 col-xs-12">
                            <div class="uc-table">
                                <div class="uc-table-cell">
                                    <div class="upcoming-content">
                                        <h2><a href="#">校园威客平台</a></h2>
                                        <p>
                                            威客校园是为了让学生可以通过自己的智慧、知识、能力、经验来帮助别人解决生活和学习中的问题从而让知识、智慧、经验、技能体现经济价值的校园威客平台。企业在这可以更方便找到所需人才，发布需求有更多的投标团队。</p>
                                        <p>Job is to let students to campus by his own wisdom, knowledge, ability and
                                            experience to help others to solve problems in life and learning so that the
                                            knowledge and wisdom, experience, skills, reflect the economic value of job
                                            on campus. It is more convenient for enterprises to find the required
                                            talents, and more bidding teams are required to release the demand.</p>
                                        <div class="timer">
                                        </div>
                                        <div class="timer">
                                        </div>
                                        <div class="prodcut-social-share">
                                            <ul>
                                                <li>
                                                    <a class="prest" href="/merchant/create"><i
                                                            class="fa fa-pinterest-p"></i>快速发布</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <!--特殊产品开始-->
    <section class="features container">
        <div class="row title">
            <h1 class="sp_title">最新竞赛</h1>

        </div>
        <div class="row">
            <div class="col col-md-4 ">
                <div class="col_title">
                    服务外包省赛
                </div>

                <div class="summer itemBox">
                    <div class="item">

                        <img src="../img/daxuesheng.png" alt="..." class="item_img">
                        <div class="lab">urgent</div>
                        <div class="item_info">
                            <div class="info">
                                <p class="info_name">举办方：浙江大学生委员会</p>
                                <p class="price">
                                    <span class="new_price">5月22日</span>
                                </p>
                                <p class="info_btn">
                                    <a class="btn" href="/detail1">
											<i class="glyphicon glyphicon-search"></i>
										</a>
                                </p>
                            </div>
                            <div class="count_down">
                                <span class="days">1天</span>
                                <span class="hour">15时</span>
                                <span class="min">23分</span>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
            <div class="col col-md-4 ">
                <div class="col_title">
                    服务外包国赛
                </div>
                <div class="newComer itemBox">
                    <div class="item">

                        <img src="../img/daxuesheng.png" alt="..." class="item_img">
                        <div class="lab">new</div>
                        <div class="item_info">
                            <div class="info">
                                <p class="info_name">举办方：中国大学生委员会</p>
                                <p class="price">
                                    <span class="new_price">5月23日</span>
                                </p>
                                <p class="info_btn">
                                    <a class="btn" href="/detail2">
											<i class="glyphicon glyphicon-search"></i>
										</a>
                                </p>
                            </div>
                            <div class="count_down">
                                <span class="days">2天</span>
                                <span class="hour">12时</span>
                                <span class="min">03分</span>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
            <div class="col col-md-4 ">
                <div class="col_title">
                    ACM
                </div>

                <div class="winter itemBox">
                    <div class="item">

                        <img src="../img/ACM.png" alt="..." class="item_img">
                        <div class="lab">urgent</div>
                        <div class="item_info">
                            <div class="info">
                                <p class="info_name">举办方：中国大学生ACM委员会</p>
                                <p class="price">
                                    <span class="new_price">5月22日</span>
                                </p>
                                <p class="info_btn">
                                    <a class="btn" href="/detail3">
											<i class="glyphicon glyphicon-search"></i>
                                    </a>
                                </p>
                            </div>
                            <div class="count_down">
                                <span class="days">1天</span>
                                <span class="hour">16时</span>
                                <span class="min">23分</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </section>
    <!--特殊产品结束-->
    <!--页脚开始-->
    <div class="section-info pt55 pb55">
        <div class="parallax-bg">

            <div class="section-content">
                <div class="container">
                    <div class="row">

                        <div class="col-md-4 col-sm-6 col-xs-12">
                            <a class="info-block" href="#"><i class="fa fa-truck"></i>
                                <h3>免费送货</h3>
                                <p>免运费全国各地</p>
                            </a>
                        </div>
                        <div class="col-md-4 col-sm-6 col-xs-12">
                            <a class="info-block" href="#"><i class="fa fa-headphones"></i>
                                <h3>支持定制</h3>
                                <p>全天候24小时支持</p>
                            </a>
                        </div>
                        <div class="col-md-4 col-sm-6 col-xs-12">
                            <a class="info-block" href="#"><i class="fa fa-diamond"></i>
                                <h3>高品质</h3>
                                <p>拥有最好的品质和品牌</p>
                            </a>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>

    <div class="our_clients_area pt55 pb55">
        <div class="container">
            <div class="row">
                <div class="col-md-12 col-sm-12">
                    <div class="section-title text-center pb30">
                        <h1>品牌与客户</h1>
                        <span></span>
                    </div>
                    <div class="client-active">
                        <div class="client-name">
                            <img src="../img/client/01.png" alt="">
                        </div>
                        <div class="client-name">
                            <img src="../img/client/02.png" alt="">
                        </div>
                        <div class="client-name">
                            <img src="../img/client/03.png" alt="">
                        </div>
                        <div class="client-name">
                            <img src="../img/client/04.png" alt="">
                        </div>
                        <div class="client-name">
                            <img src="../img/client/05.png" alt="">
                        </div>
                        <div class="client-name">
                            <img src="../img/client/06.png" alt="">
                        </div>
                        <div class="client-name">
                            <img src="../img/client/04.png" alt="">
                        </div>
                        <div class="client-name">
                            <img src="../img/client/03.png" alt="">
                        </div>
                        <div class="client-name">
                            <img src="../img/client/02.png" alt="">
                        </div>
                        <div class="client-name">
                            <img src="../img/client/01.png" alt="">
                        </div>
                        <div class="client-name">
                            <img src="../img/client/05.png" alt="">
                        </div>
                        <div class="client-name">
                            <img src="../img/client/06.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <footer>
        <div class="footer-widgets-area pt55">
            <section class="block">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="content-box no-margin go-simple">
                                <div class="row">
                                    <div class="col-md-3 col-sm-4 col-xs-12">
                                        <div class="widget about-widget">
                                            <div class="logo">
                                                <a href="index.html"><img alt="" src="../img/logo2.png"></a>
                                            </div>
                                            <p>威客校园是一个为了让学生之间建立交往、互利互助的威客平台，以个人自身智慧、知识、能力、经验来实现个人价值； </p>
                                            <ul>
                                                <li>
                                                    <i class="fa fa-map-marker"></i> Zhejiang University of Science and
                                                    Technology
                                                </li>
                                                <li>
                                                    <i class="fa fa-phone"></i> 17826807543
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="col-md-3 col-sm-4 col-xs-12">
                                        <div class="widget how-to-buy">
                                            <h3 class="heading2">客户服务</h3>
                                            <ul>
                                                <li>
                                                    <a href="#" title="">联系我们</a>
                                                </li>
                                                <li>
                                                    <a href="#" title="">网站地图</a>
                                                </li>
                                                <li>
                                                    <a href="#" title="">条款与条件</a>
                                                </li>
                                                <li>
                                                    <a href="#" title="">礼品</a>
                                                </li>
                                            </ul>
                                        </div>

                                    </div>
                                    <div class="col-md-3 hidden-sm col-xs-12">
                                        <div class="widget customer-services">
                                            <h3 class="heading2">信息</h3>
                                            <ul>
                                                <li>
                                                    <a href="#" title="">我们的博客</a>
                                                </li>
                                                <li>
                                                    <a href="#" title="">关于我们</a>
                                                </li>
                                                <li>
                                                    <a href="#" title="">安全交易</a>
                                                </li>
                                                <li>
                                                    <a href="#" title="">隐私政策</a>
                                                </li>
                                            </ul>
                                        </div>

                                    </div>
                                    <div class="col-md-3 col-sm-4 col-xs-12">
                                        <div class="widget news-letter">
                                            <h3 class="heading2">最新消息推送</h3>
                                            <p>平台最新优惠信息推送</p>
                                            <form>
                                                <input type="text" placeholder="请输入你的邮箱"/>
                                                <button type="submit"><i class="fa fa-search"></i></button>
                                            </form>
                                            <ul class="social-buttons">
                                                <li>
                                                    <a class="fbook" href="#" title=""><i
                                                            class="fa fa-facebook"></i></a>
                                                </li>
                                                <li>
                                                    <a class="frss" href="#" title=""><i class="fa fa-rss"></i></a>
                                                </li>
                                                <li>
                                                    <a class="tublr" href="#" title=""><i
                                                            class="fa fa-linkedin"></i></a>
                                                </li>
                                                <li>
                                                    <a class="gplus" href="#" title=""><i class="fa fa-google-plus"></i></a>
                                                </li>
                                                <li>
                                                    <a class="twitt" href="#" title=""><i class="fa fa-twitter"></i></a>
                                                </li>
                                            </ul>
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </div>

        <div class="bottom-line">
            <div class="container">
                <div class="row">
                    <div class="col-md-6 col-sm-6 col-xs-12">
                        <ul class="payment-support">
                            <li><img src="../img/icon/pay1.png" alt=""/></li>
                            <li><img src="../img/icon/pay2.png" alt=""/></li>
                            <li><img src="../img/icon/pay3.png" alt=""/></li>
                            <li><img src="../img/icon/pay4.png" alt=""/></li>
                            <li><img src="../img/icon/pay5.png" alt=""/></li>
                            <li><img src="../img/icon/pay6.png" alt=""/></li>
                        </ul>
                    </div>
                    <div class="col-md-6 col-sm-6 col-xs-12">
                        <span>本网站所有解释权 © 2016 -<a href="#">PromotShop.</a> 版权所有 </span>
                    </div>
                </div>
            </div>
        </div>
    </footer>
</div>
</body>
<script src="../js/jquery-1.12.3.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/jquery-3.1.1.min.js"></script>
<script src="../js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/fly.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/owl.carousel.min.js"></script>
<script src="../js/jquery.meanmenu.js"></script>
<script src="../js/jquery-ui.min.js"></script>
<script src="../js/wow.min.js"></script>
<script src="../js/jquery.nivo.slider.pack.js"></script>
<script src="../js/plugins.js"></script>
<script src="../js/main.js"></script>
<script src="../js/jquery.fly.min.js" type="text/javascript" charset="utf-8"></script>

<script src="../js/sousuo.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/addcart.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" href="../css/element.css">
<script src="../js/element.js"></script>
<script type="text/javascript">
    var app = new Vue({
        el: '#app',
        created() {
            this.userInit();
        },
        data: {
            messagZe: 'Hello Vue!',
            serachRes: '/serachRes/',
            user: {
                id: 1,
                name: "123",
            },
            search: '',
            loginStatus: true,
            userName: '',
            roleStatus: true,
        },
        methods: {
            userInit() {
                let userName = sessionStorage.getItem("userName");
                let role = sessionStorage.getItem("role");
                console.log("==="+role+userName);
                this.userName = userName;
                if (role==="2"){
                    this.roleStatus=false;
                }
                this.loginStatus = true;
            },
        },
        watch: {
            // 如果 `question` 发生改变，这个函数就会运行
            search: function (val) {
                this.serachRes = this.serachRes + val;
            }
        },
    })
</script>
</html>